/*
* @Author: Tanjie\Administrator
* @Date:   2017-12-20 09:27:00
* @Last Modified by:   Tanjie\Administrator
* @Last Modified time: 2017-12-26 16:41:32
*/

body {
  background: #ffffff;
}
/*头部*/
.title {
  padding-bottom: 0.266666667rem;
  background: #f4f5fa;
  width: 10rem;
  overflow: hidden;
}
/*圈子具体信息*/
.header {
  background: #ffffff;
  padding: 0 0.4rem;
  height: 3.09333333rem;
  border-bottom: 0.010333333rem solid #e5e5e5;
}
.header > .header-top > .header-left {
  float: left;
  width: 3.41333333rem;
  height: 0.853333333rem;
  padding-top: 0.77333333rem;
}
.header > .header-top > .header-left > img {
  float: left;
  width: 3.41333333rem;
  height: 0.853333333rem;
}
.header > .header-top > .header-right {
  float: right;
  border: 0.01333333rem solid #e5e5e5;
  margin-top: 0.57333333rem;
  width: 4.5rem;
  height: 1.28rem;
  padding: 0.2rem 0.2rem;
  border-radius: 0.04rem
}
.header > .header-top > .header-right > .header-title > h4 {
  font-size: 0.32rem;
  width: 4.9rem;
  padding-left: 0.1rem;
}
.header > .header-top > .header-right > .header-rank > .rank-item {
  display: inline-block;
  position: relative;
  height: 0.426666667rem;
  top: -0.4266666667rem;
}
.header > .header-top > .header-right > .header-rank > .item-left {
  float: left;
}
.header > .header-top > .header-right > .header-rank > .item-right {
  float: right;
  position: absolute;
  top: 0.67rem;
}
/*.header > .header-top > .header-right > .header-rank > .item-right {
  position: relative;
  top: -0.8533333rem;
  left: 1.84rem;
}*/
.header > .header-top > .header-right > .header-rank > .item-left  > img {
  width: 1.093333333rem;
  height: 0.24rem;
  display: inline-block;
  margin-right: 0.12rem;
}
.header > .header-top > .header-right > .header-rank > .item-right  > img {
  width: 1.093333333rem;
  height: 0.26666667rem;
  display: inline-block;
  margin-right: 0.12rem;
} 
.header > .header-top > .header-right > .header-rank > .rank-item  > p {
  display: inline-block;
  font-family: "Din Pro Bold";
  font-size: 0.426666667rem;
  color: #dc3838;
  position: relative;
  right: 0.366666667rem;
}
.header-bottom {
  float: left;
}
.header-bottom > ul > li {
  display: inline-block;
}
.header-bottom > ul > li > span {
  display: inline-block;
  height: 0.506666667rem;
  font-size: 0.306666667rem;
  text-align: center;
  background: #fff5f5;
  border: 0.01333333rem solid #dc3838;
  border-radius: 0.0533333333rem;
  color: #dc3838;
  padding: 0.106666667rem 0.13333333rem 0.09333333rem 0.106666667rem;
} 

.title-item {
  padding: 0 0.4rem;
  height: 1.9466666667rem;
  border-bottom: 0.01333333rem solid #e5e5e5;
  background: #ffffff;
}
/*左边点评*/
.title-left {
  width: 4.2rem;
  height: 1.9466666667rem;
  float: left;
  padding: 0.4rem 0;
}
 .left-top > h4 {
  font-size: 0.32rem;
  color: #666666;
  display: inline-block;
  position: relative;
  top: -0.453333333rem;
}
 .left-top > img {
  width: 0.45333333rem;
  height: 0.453333333rem;
  position: relative;
  top: -0.32rem;
}
.left-bottom > .left-percent > .per-up {
  width: 1.7333333rem;
  height: 0.133333333rem;
  border-radius: 0.0666666667rem;
  background: #e5e5e5;
  display: inline-block;
}
.left-bottom > .left-percent > .per-up > .per-lower {
  /*黄色百分比长度 投友点评*/
  /*width: 30%;*/
  height: 0.1333333333rem;
  border-radius: 0.0666666667rem;
  background: #ffbb4a;
  display: inline-block;
  position: relative;
  top: -0.69765rem;

}
.left-bottom > .left-chara {
  font-size: 0.22666667rem;
  color: #666666;
  position: relative;
  top: -1.04rem;
  left: 2.03333333rem;
}
.left-bottom > .left-btn {
  background: #30ca73;
  color: #ffffff;
  width: 1.6rem;
  height: 0.66666667rem;
  float: right;
  font-size: 0.4rem;
  font-weight: bold;
  text-align: center;
  border-radius: 0.05333333rem;
  position: relative;
  top: -1.54rem;
  left: 0.25rem;
  
}
.left-bottom  > .left-btn > p {
  line-height: 0.66666667rem;
}
/*中间部分边框*/
.title-bor {
  border-right: 0.010333333rem solid #e5e5e5;
  height:1.04666667rem;
  position: relative;
  top: -2.09rem;
  left:  4.6rem;
  display: inline-block;
}
/*点评右边*/
.title-right {
  width: 4.2rem;
  height: 1.9466666667rem;
  float: right;
  padding: 0.4rem 0;
  display: inline-block;
}
.title-right > .right-top > h4 {
  font-size: 0.32rem;
  color: #666666;
  display: inline-block;
  position: relative;
  top: -0.453333333rem;
}
.title-right > .right-top > img {
  width: 0.45333333rem;
  height: 0.453333333rem;
  position: relative;
  top: -0.32rem;
}

.right-bottom > .right-percent > .per-up {
  width: 1.7333333rem;
  height: 0.133333333rem;
  border-radius: 0.0666666667rem;
  background: #e5e5e5;
  display: inline-block;
}
.right-bottom > .right-percent > .per-up > .per-lower {
  /*黄色百分比长度 投顾点评*/
  /*width: 1.0333333rem;*/
  height: 0.1333333333rem;
  border-radius: 0.0666666667rem;
  background: #ffbb4a;
  display: inline-block;
  position: relative;
  top: -0.69765rem;
}
.right-bottom > .right-chara {
  font-size: 0.22666667rem;
  color: #666666;
  position: relative;
  top: -1.04rem;
  left: 2.03333333rem;
}
/*推荐投*/
.right-bottom > .right-btn {
  background: #30ca73;
  color: #ffffff;
  width: 1.6rem;
  height: 0.66666667rem;
  float: right;
  font-size: 0.4rem;
  font-weight: bold;
  text-align: center;
  border-radius: 0.05333333rem;
  position: relative;
  top: -1.54rem;
  left: 0.25rem;
}
/*放心投*/
.btn-set {
  background: #65D756 !important;
}
/*谨慎投*/
.btn-pru {
background: #ffbb4a !important;
}
/*不要投*/
.btn-no {
background: #dc3838 !important;
}
.right-bottom  > .right-btn > p {
  line-height: 0.66666667rem;
}
/*平台合规进程*/
.platform {
  height: 1.173333333rem;
  background: #fff;
  border-bottom: 0.010333333rem solid #e5e5e5;
  padding: 0 0.4rem;
}
.platform > a{
  height: 1.17333333rem;
  display: inline-block;
}
.plat-pro , .plat-per , .plat-chara{
  display: inline-block;
}
.plat-pro > h4 {
  font-size: 0.413333333rem;
  color: black;
  position: relative;
  top: -0.1033333333rem;
}
.plat-per > .plat-per-up {
  width: 4.9066667rem;
  height: 0.133333333rem;
  border-radius: 0.0666666667rem;
  background: #e5e5e5;
  display: inline-block;
  position: relative;
  top: 0.56rem;
}
.plat-per > .plat-per-up > .plat-per-lower {
  height: 0.133333333rem;
  border-radius: 0.0666666667rem;
  background: -webkit-linear-gradient(left, #f95755 , #acf181); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #f95755 , #acf181); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #f95755 , #acf181); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #f95755 , #acf181);
  display: inline-block;
  position: relative;
  top: -0.69765rem;
}
.plat-chara {
  font-size: 0.22666667rem;
  color: #666666;
   display: inline-block;
   position: relative;
   top: -0.19rem;
}
.plat-more {
  font-size: 0.626666667rem;
  color: #CACACA;
  display: inline-block;
  float: right;
  position: relative;
  top: 0.26rem;
  left: 0.32rem;
}
/*圈子投顾*/
.expert {
  overflow: hidden;
  background: #f4f5fa;
  padding-bottom: 0.266666667rem;
}
.expert-banner, .expert > .ex-title {
    background: #ffffff;
}
.expert > .ex-title > h4 {
    font-size: 0.4rem;
    font-weight: bold;
    display: inline-block;
    color: #333333;
    margin: 0.48rem 0;
    padding: 0 0.4rem;
    border-left: 0.10666667rem solid #dc3838;
}
.expert > .ex-title > a > span {
    margin-top: 0.48rem;
    margin-right:  0.4rem;
    float: right;
    font-size: 0.4rem;
    color: #BFBFBF;
}
.expert-banner {
    padding: 0 0.4rem 0.44444444rem 0.4rem;
}
.expert-banner > .expert-swiper-container {
    width: 100%;
    height: 100%;
}
.expert-banner > .expert-swiper-container > .swiper-wrapper > .swiper-slide {
    width: 3.2rem !important;
    margin-right: 0.2666666667rem !important;
}
.expert-banner > .expert-swiper-container > .swiper-wrapper > .swiper-slide > a {
    display: block; 
    width: 3.2rem;
    height: 3.89333333rem;
    border: 0.026666667rem solid #E5E5E5;
    border-radius: 0.133333333rem;
    text-align: center;
}
.expert-banner > .expert-swiper-container > .swiper-wrapper > .swiper-slide > a > img {
      width: 1.26315789rem;
      height: 1.26315789rem;
      border-radius: 0.63157894rem;
      overflow: hidden;
      margin: 0.2rem 0;

}
.expert-banner > .expert-swiper-container > .swiper-wrapper > .swiper-slide > a > h4{
      font-size: 0.4rem;
      color: black;
}
.expert-banner > .expert-swiper-container > .swiper-wrapper > .swiper-slide > a > p {
        font-size: 0.3em;
        padding: 0.1rem 0;
        height: 0.5rem;
}
.expert-banner > .expert-swiper-container > .swiper-wrapper > .swiper-slide > a > button {
      width: 1.6rem;
      height: 0.5rem;
      text-align: center;
      line-height: 0.5rem;
      font-size: 0.35rem;
      color: red;
      background: #ffffff;
      border-radius: 0.21333333rem;
      border: 0.02666667rem solid #dc3838;

}
.expert-banner > .expert-swiper-container > .swiper-wrapper > .swiper-slide > a > .active {
      background: #f4f5fa;
      color: #b3b3b4;
      border: 0.02666667rem solid #b3b3b4; 
}
/*八号金融街测评*/
.common {
  overflow: hidden;
    background: #f4f5fa;
}
.com-title ,  .common-slider {
    background: #ffffff;
}
.common > .com-title > h4 {
    font-size: 0.4rem;
    font-weight: bold;
    display: inline-block;
    color: #333333;
    margin: 0.48rem 0;
    padding: 0 0.4rem;
    border-left: 0.10666667rem solid #dc3838;
}
.common > .com-title > a > span {
    margin-top: 0.48rem;
    margin-right:  0.4rem;
    float: right;
    font-size: 0.4rem;
    color: #BFBFBF;
}
.common-slider {
    padding: 0 0 0.4rem 0.4rem;
}
.common-slider > .common-swiper-container {
    width: 100%;
    height: 100%;
}
.common-slider > .common-swiper-container > .swiper-wrapper > .swiper-slide {
  width: 4.4rem !important;
  margin-right: 0.2666666667rem !important;
}
.common-slider > .common-swiper-container > .swiper-wrapper > .swiper-slide > a {
    display: block; 
}
.common-slider > .common-swiper-container > .swiper-wrapper > .swiper-slide > a > img {
      width: 4.4rem;
      height: 2.453333333rem;
      vertical-align: middle; 
      margin-right: 0.21333333rem;
      border-radius: 0.1066666667rem;
      overflow: hidden;
}
.common-slider > .common-swiper-container > .swiper-wrapper > .swiper-slide > a > .common-detail > h4 {
    font-size: 0.34666667rem;
    line-height: 0.5466666rem;
    color:black;
}
.common-slider > .common-swiper-container > .swiper-wrapper > .swiper-slide > a > .common-detail > p{
    font-size: 0.32666667rem;
    line-height: 0.4466666rem;
}

/*深度评测*/
.deep {
    overflow: hidden;
    background: #f4f5fa;
    padding-top: 0.2666666667rem;
    padding-bottom: 0.2666666667rem;
}
.deep-title {
    background: #ffffff;
}
.deep-title  > h4 {
    font-size: 0.4rem;
    font-weight: bold;
    display: inline-block;
    color: #333333;
    margin: 0.48rem 0;
    padding: 0 0.4rem;
    border-left: 0.10666667rem solid #dc3838;
}
.deep-con {
  padding: 0 0.4rem;
  background: #fff;
}
.deep-con >ul >li {
  position: relative;
  top:-0.32rem;
}
.deep-new > img {
width: 1.46666667rem;
height: 0.48rem;
display: inline-block;
position: relative;
top: -0.15rem;
}
.deep-new > h4 {
  display: inline-block;
  height: 0.373333333rem;
  width: 0.773333333rem;
  background: #dc3838;
  padding: 0.05333333rem 0;
  text-align: center;
  border-radius: 0.05333333rem;
  color: #ffffff;
  font-size: 0.266666667rem;
  position: relative;
  top: -0.27rem;
}
.deep-new > p {
  font-size: 0.306666667rem;
  display: inline-block;
  position: relative;
  top: -0.27rem;
}

/*新手红包*/
.red-bag {
    overflow: hidden;
    background: #f4f5fa;
    padding-bottom: 0.2666666667rem;
    height: 3.06666667rem;
}
.red-title {
    background: #ffffff;
}
.red-title  > h4 {
    font-size: 0.4rem;
    font-weight: bold;
    display: inline-block;
    color: #333333;
    margin: 0.48rem 0;
    padding: 0 0.4rem;
    border-left: 0.10666667rem solid #dc3838;
}
.red-con{
  background: #fff;
  padding: 0 0.4rem;
  position: relative;
  top: -0.4rem;
}
.red-con >ul >li {
  display: inline-block;
}
.red-con >ul >li >.tody-part {
    padding: 0 0.15rem;
    text-align: center;    
    display: inline-block;
}
.red-con >ul >li >.tody-part >h4 {
  color: #dc3838;
  font-size: 0.48rem;
  font-weight: bold;
  font-family: "Din Pro Bold";
  display: inline-block;
}
.red-con >ul >li >.tody-part > p {
  color: black;
  font-size: 0.32rem;
  padding : 0.2333333rem 0;
}
.red-con >ul >li >.tody-part > img {
  height: 1.133333333rem;
  width: 2.69333333rem;
  display: inline-block;
  position: relative;
  top:0.1333333rem;
}
.red-con >ul >li >.tody-part > .red-hot {
  display: inline-block;
  position: relative;
  top: -0.30333333rem;
}
.red-con >ul >li >.tody-part  > span {
  display: inline-block;
  height: 0.373333333rem;
  width: 0.773333333rem;
  background: #dc3838;
  padding: 0.05333333rem 0;
  text-align: center;
  border-radius: 0.05333333rem;
  color: #ffffff;
  font-size: 0.266666667rem;
  position: relative;
  top: -0.066666667rem;
}
.red-con >ul >li > span {
  display: inline-block;
  height: 0.64rem;
  border-right: 0.026666667rem solid #e5e5e5;
  margin-right: 0.1066666667rem;
  position: relative;
  top: -0.1rem;
}
/*投友点评、投顾点评*/
.tabs {
  width: 100%;
  height: 1.3rem;
  overflow: hidden;
  text-align: center;
  background: #ffffff;
  z-index: 10;

 }
.tabs > .nav-swiper-container > .swiper-wrapper > .swiper-slide {
    
    display: inline-block;
    box-sizing: border-box;
    width: auto;
    height: 0.8rem;
    padding: 0 0.2rem;
    margin: 0.3rem  0 0 1.9rem;
    line-height: 0.8rem;
    font-size: 0.4rem;
    color: #f2b7b7; 
    
}
.tabs > .nav-swiper-container > .swiper-wrapper >.active {
      color: #dc3838; 
      border-bottom: 0.05333333rem solid #dc3838;
}
/*投友点评*/
.container , .inveset-com {
  padding-bottom: 0.453333333rem;
  background: #f4f5fa;
}
.container > ul > li , .inveset-com > ul > li{
  background: #fff;
  padding: 0.4rem 0.4rem 0 0.4rem;
 border-bottom: 0.010333333rem solid #e5e5e5;
}
.item-top {
  font-size: 0;
   height: 1.14666667rem;
}
.item-top > .item-right {
  width: 45%;
  display: inline-block;
}
.item-top > .item-right > img {
  width: 1.14666667rem;
  height: 1.14666667rem;
  border-radius: 0.106666667rem;
  margin-right: 0.32rem;
  display: inline-block;
  overflow: hidden;
}
.item-top > .item-right > .user {
display: inline-block;
position: relative;
top: -0.14rem;
font-size: 0;
}
.item-top > .item-right > .user > h4 {
  font-size: 0.346666667rem;
  position: relative;
  top:-0.6rem;
  color: black;
  display: inline-block;
  
}
.item-top > .item-right > .user > p {
  font-size: 0.22rem;
  display: inline-block;
  background-color: #4AA7FF;
  color: #fff;
  position: relative;
  top: -0.566666667rem; 
  left: 0.56rem;
  width: 0.7733333333rem;
  text-align: center;
  padding : 0.06rem 0;
  border-radius: 0.05333333rem;
}

.item-left {
  height: 1rem;
  text-align: center;
  float: right;
  position: relative;
  top: -1.12rem;
  display: inline-block;
  width: 50%;
}
.item-left > .item-good > img {
  width: 0.346666667rem;
  height: 0.37333333rem;
  margin-right: 0.1rem;
  margin-top: 0.1rem;
}
.item-left > .item-good {
  display: inline-block;
  width: 1.6rem;
  height: 0.64rem;
  font-size: 0.32rem;
  color: #dc3838;
  background: #fff5f5;
  border: 0.02rem solid #dc3838;
  border-radius: 0.32rem;
  overflow: hidden;
  position: relative;
  right: -0.32rem;
}
.item-left > .item-good > span {
  display: inline-block;
  position: relative;
  top:-0.07rem;
} 
.item-left > .item-no > span {
  display: inline-block;
  position: relative;
  top:-0.07rem;
} 
.item-left > .item-com > span {
  display: inline-block;
  position: relative;
  top:-0.07rem;
} 
.item-left > .item-com > img {
  width: 0.346666667rem;
  height: 0.37333333rem;
  margin-right: 0.1rem;
  margin-top: 0.1rem;
}
.item-left > .item-com {
  display: inline-block;
  width: 1.6rem;
  height: 0.64rem;
  font-size: 0.32rem;
  color: #999999;
  background: #ffffff;
  border: 0.02rem solid #999999;
  border-radius: 0.32rem;
  overflow: hidden;
  position: relative;
  right: -0.4266667rem;
}
.item-left > .item-no > img {
  width: 0.346666667rem;
  height: 0.37333333rem;
  margin-right: 0.1rem;
  margin-top: 0.1rem;
}
.item-left > .item-no {
  display: inline-block;
  width: 1.6rem;
  height: 0.64rem;
  font-size: 0.32rem;
  color: #999999;
  background: #ffffff;
  border: 0.02rem solid #999999;
  border-radius: 0.32rem;
  overflow: hidden;
  position: relative;
  right: -0.32rem;
}
/*舆情报道*/
.opinion-item {
  height: 1.6rem;
  background: #f4f5fa;
  margin: 0.32rem 0;
}
.opinion-img {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  float: left;
}
.opinion-img > img{
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  border: none;
  overflow: hidden;
}
.opinion-content {
  width: 7.4rem;
  display: inline-block;
  padding: 0.213333333rem 0.2133333333rem 0.2rem 0.2133333333rem;
  float: left;
}
.opinion-content >h4 {
  font-size: 0.32rem;
  color: #333333;
  padding-bottom: 0.32rem;
}
.opinion-content > p {
  font-size: 0.266666666rem;
  color: #a9a9a9;
}
.item-bottom > p {
  font-size: 0.32rem;
  line-height: 0.52rem;
  color: black;
  padding-top: 0.32rem;
}
.comment {
  float: left;
  position: relative;
  top: -0.64rem;
  left: 1.48rem;
}
.comment> ul > li {
  display: inline-block;
  margin-right: 0.266666667rem;
}
.comment > ul > li > span {
  display: inline-block;
  height: 0.506666667rem;
  font-size: 0.306666667rem;
  text-align: center;
  background: #fff5f5;
  border: 0.01333333rem solid #dc3838;
  border-radius: 0.0533333333rem;
  color: #dc3838;
  padding: 0.106666667rem 0.13333333rem 0.09333333rem 0.106666667rem;
} 
.item-top > .top-btn {
  background: #30ca73;
  color: #ffffff;
  width: 1.6rem;
  height: 0.66666667rem;
  font-size: 0.4rem;
  font-weight: bold;
  text-align: center;
  border-radius: 0.05333333rem;
  position: relative;
  top: -1.47rem;
  left: 7.45rem;
}
.item-top > .top-btn > p {
  line-height: 0.66666667rem;
}
.item-time >p {
  font-size: 0.32rem;
  padding: 0.32rem 0;
}

/*加载线*/
.loading {
 padding: 0 0.4rem;
  text-align: center;
  width: 100%;
  display: none;
  background: #FFFFFF;
}
.loading > span {  
  display: inline-block;
  width: 40%;
  border-top: 0.02rem solid #999999;
  position: relative;
  top :0.59rem;
}
.loading > .loading-left{
  float: left;
}
.loading > .loading-right{
  float: right;
  position: relative;
  top: -0.58rem;
}
.loading > p {
  font-size: 0.326666667rem;
  color: #999999;
  display: inline-block;
  line-height: 0.85rem;
  position: relative;
  top: -0.15rem;
  left: 2.4rem;
}
.base-line {
  padding: 0 0.4rem;
  text-align: center;
  width: 100%;
  /*display: none;*/
  background: #FFFFFF;
}
.base-line > span {  
  display: inline-block;
  width: 35%;
  border-top: 0.02rem solid #999999;
  position: relative;
  top :0.59rem;
}
.base-line > .base-left{
  float: left;
}
.base-line > .base-right{
  float: right;
  position: relative;
  top: -0.58rem;
}
.base-line > p {
  font-size: 0.326666667rem;
  color: #999999;
  display: inline-block;
  line-height: 0.85rem;
  position: relative;
  top: -0.15rem;
  left: 2.3rem;
}

/*投顾点评*/
.inveset-com {
  display: none
}
.inveset-com > ul >li > a > .item-top >.item-right > .user >img {
width: 0.4266666667rem;
height: 0.4266666667rem;
display: inline-block;
position: relative;
top: -0.49rem;
left: 0.16rem;
}
.inveset-com > ul >li > a > .item-top >.item-right > .user {
  top: -0.54rem;
  left: 1.5rem;
}
.inveset-com > ul >li > a > .item-top >.item-right > .comment{
  top: -1.04rem;
}
.inveset-com > ul >li > a > .item-top > .top-btn {
  top:-1.87rem;
}
.deep-test {
  background: -webkit-linear-gradient(left, #78BFF4 , #529EED) !important; /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #78BFF4 , #529EED) !important; /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #78BFF4 , #529EED) !important; /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #78BFF4 , #529EED) !important; 
  color: #fff !important;
  border: none !important;
}
.letter-cloak {
background: -webkit-linear-gradient(left, #F9C037 , #FC9E1E) !important; /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #F9C037 , #FC9E1E) !important; /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #F9C037 , #FC9E1E) !important; /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #F9C037 , #FC9E1E) !important; 
  color: #fff !important;
  border: none !important;
}
.public-sent {
  background: -webkit-linear-gradient(left, #3ECDA6 , #24B07F) !important; /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #3ECDA6 , #24B07F) !important; /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #3ECDA6 , #24B07F) !important; /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #3ECDA6 , #24B07F) !important; 
  color: #fff !important;
  border: none !important;
}

/*底部*/
.comment-footer {
  position: fixed;
  bottom: 0.8rem;
  right: 0.42rem;
  z-index: 100;
}
.comment-footer-left >div{
  width: 1.28rem;
  height: 1.28rem;
  border-radius: 0.64rem;
  background: -webkit-linear-gradient(left, #F9C037 , #FC9E1E) !important; /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #F9C037 , #FC9E1E) !important; /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #F9C037 , #FC9E1E) !important; /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #F9C037 , #FC9E1E) !important; 
  text-align: center;
  margin-bottom: 0.42rem;
}
.comment-footer-left >div >img {
  width: 0.6766666667rem;
  height: 0.573333333rem;
  position: relative;
  top: -0.12rem;
}
.comment-footer-left >div > p{
  font-size: 0.266666667rem;
  color: #fff;
  position: relative;
  top: -0.12rem;
}
.comment-footer-right >div{
  width: 1.28rem;
  height: 1.28rem;
  border-radius: 0.64rem;
  background: -webkit-linear-gradient(left, #78BFF4  , #529EED) !important; /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #78BFF4  , #529EED) !important; /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #78BFF4  , #529EED) !important; /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #78BFF4  , #529EED) !important; 
  text-align: center;
}
.comment-footer-right >div >img {
  width: 0.50666666667rem;
  height: 0.506666666667rem;
  position: relative;
  top: -0.12rem;
}
.comment-footer-right >div > p{
  font-size: 0.266666667rem;
  color: #fff;
  position: relative;
  top: -0.12rem;
}

/*平台合规进程弹窗*/
.platform-process {
width: 10rem;
height: 15.5rem;
z-index: 100;
position: absolute;
left: 0;
background: url('../images/plat-bg.png') 0 0;
background-size: contain;
display: none;
}

.platform-item {
  width: 100%;
  background: #ffffff;
  position: absolute;
  bottom: 0;
  right: 0;
}
.platform-item > .plat-title {
  height: 1.333333333rem;
  padding: 0.4666666667rem 0 0.453333333rem 0;
}
.plat-title > h4 {
  font-size: 0.41333333333rem;
  padding-left: 0.413333333333rem;
  border-left: 0.10666666666rem solid #dc3838;
  display: inline-block;
  float: left;
}
.plat-title > .plat-sure {
  color: #999999;
  font-size: 0.346666667rem;
  float: right;
  display: inline-block;
  padding-right: 0.4133333333rem;
}
.per-remind {
  width: 100%;
  position: relative;
  top: -1.03rem;
  padding: 0 0.4rem;
}
.per-remind > span {
  font-size: 0.226666667rem;
  color: #6C6F6B;
  display: inline-block;
  padding: 0.32rem 0;
}
.per-remind > .remind-center {
  padding: 0 3.57rem;
}
.per-item {
  padding: 0 0.4rem;
  position: relative;
  top: -0.53rem;
}
.per-item > .per-item-up {
  width: 100%;
  height: 0.7466666667rem;
  border-radius: 0.373333333rem;
  background: #e5e5e5;
  display: inline-block;
  position: relative;
  top: -0.68rem;
}
.per-item > .per-item-up > .per-item-lower {
  width: 30%;
  height: 0.7466666667rem;
  border-radius: 0.373333333rem;
  background: -webkit-linear-gradient(left, #f95755 , #acf181); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #f95755 , #acf181); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #f95755 , #acf181); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #f95755 , #acf181);
  display: inline-block;
  position: relative;
  top: 0.03rem;
}
.plat-container {
  margin: 0 0.4rem;
  padding: 0.4rem 0;
  border-top: 0.010666667rem solid #e5e5e5;
  position: relative;
  top: -0.926666667rem;
}
.plat-container > ul >li{
display: inline-block;
float: left;
padding-left: 0.2rem;
padding-right: 0.4rem;
}
.plat-container >ul >li > .plat-1 {
  background-image: url('../images/question.png');
  background-position: 0.08rem 0.08rem;
  background-repeat: no-repeat; 
  background-size: 0.48rem 0.48rem;
  background-color: #A9A9A9;
}
.plat-container >ul >li > .plat-1 > p {
  background: #A9A9A9;
}
.plat-container >ul >li > .plat-2 {
  background-image: url('../images/bingo.png');
  background-position: 0.08rem 0.08rem;
  background-repeat: no-repeat; 
  background-size: 0.48rem 0.48rem;
  background-color: #30CA73;
}
.plat-container >ul >li > .plat-2 > p {
  background: #30CA73;
}
.plat-container >ul >li > .plat-3 {
  background-image: url('../images/fork.png');
  background-position: 0.08rem 0.08rem;
  background-repeat: no-repeat; 
  background-size: 0.48rem 0.48rem;
  background-color: #DC3838;
}
.plat-container >ul >li > .plat-3 > p {
background: #DC3838;
}
.plat-container > ul >li > .plat-com {
  border-radius: 0.32rem;
  margin: 0.17333333rem 0.08rem 0.16rem 0.08rem;
}
.plat-container > ul >li > .plat-com >span{
  display: inline-block;
  width: 0.5rem;
}
.plat-container >ul >li > .plat-com > p {
  font-size: 0.3066666667rem;
  color: #fff;
  display: inline-block;
  padding-right: 0.5rem;
  border-radius: 0.32rem;
  line-height: 0.64rem;
  text-align: center;
  position: relative;
  left: 0.6rem;
  margin-right: 0.38rem;
}


/*我要点评*/
.my-comment {
  width: 10rem;
  height: 17.786666667rem;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('../images/comment-bg.png');
  display: none;
  z-index: 200;

}
.my-comment >ul {
  padding-top: 6.7066666667rem;
  padding-left: 1.5733333333rem;
}
.my-comment >ul > li {
  float: left;
  margin-right: 2.333333333rem;
  margin-bottom: 1.7666666667rem;
}
.my-comment >ul > li >a >div {
  width: 1.866666666667rem;
  height: 1.8666666666667rem;
  border-radius: 0.933333333333rem;
  overflow: hidden;
  text-align: center;
}
.deep-comment {
  background: -webkit-linear-gradient(left, #FC658C , #F85463); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #FC658C , #F85463); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #FC658C , #F85463); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right,#FC658C , #F85463);
}
.deep-comment > img{
  margin-top: 0.53rem;
  width: 0.8rem;
  height: 0.88rem;
}
.plat-comment {
  background: -webkit-linear-gradient(left, #F9C037 , #FC9E1E); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #F9C037 , #FC9E1E); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #F9C037 , #FC9E1E); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #F9C037 , #FC9E1E);
}
.plat-comment > img{
  margin-top: 0.68rem;
  width: 0.746666667rem;
  height: 0.693333333rem;
}
.inform-comment {
  background: -webkit-linear-gradient(left, #78BFF4 , #529EED ); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #78BFF4 , #529EED); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #78BFF4 , #529EED); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #78BFF4 , #529EED);
}
.inform-comment > img{
  margin-top: 0.68rem;
  width: 0.9066666667rem;
  height: 0.746666667rem;
}
.opinion-comment {
  background: -webkit-linear-gradient(left, #3ECDA6 , #24B07F); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #3ECDA6 , #24B07F); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right,#3ECDA6 , #24B07F); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right,#3ECDA6 , #24B07F);
}
.opinion-comment > img{
  margin-top: 0.58rem;
  width: 0.88rem;
  height: 0.8533333333rem;
}
.my-comment >ul > li >a > p {
  font-size: 0.346666667rem;
  color: #333333;
  padding-left: 0.22rem;
  padding-top: 0.32rem;
}
.cancle {
  height: 0.853333333rem;
  width: 2.52rem;
  color: #666666;
  font-size: 0.34666666rem;
  padding: 0.24rem 0.8066666667rem 0.266666667rem 0.80666666667rem;
  border: 0.010333333rem solid #666666;
  border-radius: 0.4266666667rem;
  position: relative;
  left: 3.346666667rem;
}





















